<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Google I/O Last Call Submission</title>
    <script type="text/javascript" language="javascript" src="lastcall/lastcall.nocache.js"></script>
  </head>
  <body>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>Google I/O Last Call Submission</h1>
    Countdown to <div id="picker"></div>

	<div id="container"></div>

	<p>This countdown timer uses GWT to compute the timer and change the classname for each digit. CSS3 transitions on the classes adjust the background-position of a single image containing the digits. That image has a white background with transparent text, so the background of the digit shows through.
	<span>- <a target="_blank" href="http://about.me/andykeller">Andy Keller</a></span></p>

  </body>
</html>
